
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title>单篇</title>
    <link rel="stylesheet" href="/_upload/tpl/05/73/1395/template1395/css/page1.css">
    <link rel="stylesheet" href="/_upload/tpl/05/73/1395/template1395/css/idangerous.swiper.css">
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/bootstrap-theme.min.css">
</head>
<body>
<!--头部-->
<div class="header">
    <div class="centerArea">
        <div class="header_one">
            <a href="javascript:void(0)"><img src="/_upload/tpl/05/73/1395/template1395/img/logo.png" srcset="img/logo@2x.png 2x,img/logo@3x.png 3x" class="logo"></a>
            <div class="header_one-right">
                <a class="layer" href="https://cas.scut.edu.cn/amserver/UI/Login?goto=http%3A%2F%2Fportal.scut.edu.cn%2Fcmstar%2Flogin.portal
">学校门户</a><a class="layer" href="http://webmail.scut.edu.cn/scutmail/
">邮箱登录</a><a class="layer">English</a>
                <div class="header_search">
                    <form action="/_web/search/doSearch.do?locale=zh_CN&request_locale=zh_CN&_p=YXM9MzExJnQ9MTM5NSZkPTQzMTkmcD0xJm09TiY_" method="POST"><input type="text" id="keyword" name="keyword" class="keyword" placeholder="搜索"><input type="submit" name="btnsearch" class="search" value="" style="background:url('/_upload/tpl/05/73/1395/template1395/./img/icon-search.png') no-repeat"></input></form>
                </div>
            </div>
        </div>
        <!--导航栏-->
        <div class="header_two" frag="面板1">
            <div frag="窗口1">
                <div frag="窗口内容">
                    <!--[NaviStructBegin]-->
                    <ul class="first-ul">
                        <!--[NaviItemCycleBegin]-->
                        <li class="first-ulli"> <a  href="{栏目URL}" target="{打开方式}">{栏目名称}</a>
                            <!--[MenuStructBegin]-->
                            <ul class="second-ul">
                                <span class="tim"></span>
                                <!--[MenuItemCycleBegin]-->
                                <li class="second-ulli">
                                    <a  href="{栏目URL}" target="{打开方式}">{栏目名称} </a>
                                    <!--[SubMenuList]-->
                                </li>
                                <!--[MenuItemCycleEnd]-->
                            </ul>
                            <!--[MenuStructEnd]-->
                        </li>
                        <!--[NaviItemCycleEnd]-->
                    </ul>
                    <!--[NaviStructEnd]-->
                </div>
            </div>
        </div>
    </div>
</div>
<!--轮播图图片-->
<div class="swiper1">
    <a href="javascript:void(0);" style="background:url(./img/slide.jpg) center center;"></a>
</div>

<div class="max-wrap">
    <div class="centerArea">

        <div class="nav">
            <div class="nav-title"><span class="title-font">
<!--位置栏目-->
                <div frag="面板15">
                    <div frag="窗口15"  portletmode="simpleColumnAnchor">
                        <div frag="窗口内容">
                            {位置栏目}
                        </div>
                    </div>
                </div>
</span></div>
            <!--侧边栏-->
            <div class="nav-table">
                <div frag="面板20">
                    <div frag="窗口20" portletmode="simpleColumnList">
                        <div frag="窗口内容">
                            <!--[ColumnStructBegin]-->
                            <ul  class="table-wrap">
                                <!--[ColumnCycleBegin]-->
                                <li class="fir-class {级别样式} {选中样式}">
                                    <span class="gt"></span>
                                    <a title="{栏目名称}" class="fir-title"  href="{栏目URL}"><span class="column-name">{栏目名称}</span></a>
                                    <!--[SubColumnStructBegin]-->
                                    <ul class="li-wrap">
                                        <!--[ColumnCycleBegin]-->
                                        <li class="sec-class {级别样式} {选中样式}">
                                            <span class="yd"></span>
                                            <a title="{栏目名称}" class="sec-title" href="{栏目URL}" target="{打开方式}"><span class="column-name">{栏目名称}</span></a>
                                            <!--[SubColumnList]-->
                                        </li><!--[ColumnCycleEnd]-->
                                    </ul><!--[SubColumnStructEnd]-->
                                </li><!--[ColumnCycleEnd]-->
                            </ul>
                            <!--[ColumnStructEnd]-->
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--侧边栏结束-->
        <div class="wrap-right">
            <div class="right-top">
                <div class="navigation">
                    <div frag="面板2">
                        <div frag="窗口2" portletmode="simpleColumnAttri">
                            <div frag="窗口内容">{当前位置}</div>
                        </div>
                    </div>
                </div>
                <div class="title">
                    <div frag="面板3">
                        <div frag="窗口3" portletmode="simpleColumnAttri">
                            <div frag="窗口内容">
                                {栏目名称}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="right-bottom">
                <ul class="newslist">
                    <div frag="面板4">
                        <div frag="窗口4">
                            <div frag="窗口内容">
                                <!--[InfoCycleBegin]-->
                                <li class="newslist-li"><span class="dot">
                                    </span>
                                    {标题}
                                    <span class="newslist-data">{发布时间}</span>
                                </li>
                                <!--[InfoCycleEnd]-->
                            </div>
                        </div>
                    </div>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="clear_both"></div>
<!--footer-->
<div class="footer">
    <div class="centerArea">
        <div class="message">
            <span class="address">地址：广东省广州市番禺区大学城外环东路382号环境楼</span>
            <span class="addr-code">  510006</span>
            <span class="telphone">业务联系电话：020-39380516 </span>
            <span class="email">邮件：zhangli2017@scut.edu.cn</span>
        </div>
        <div class="team-wrap">
            <!--bootStrap的下拉菜单开始-->
            <div class="dropup">
                <button class="btn btn-default dropdown-toggle  mydropdown-btn" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    开发团队
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu my-menu" aria-labelledby="dropdownMenu1">
                    <li><a href="#">开发团队</a></li>
                </ul>
            </div>
            <!--bootStrap的下拉菜单结束-->
        </div>
        <div class="other-wrap">
            <!--bootStrap的下拉菜单开始-->
            <div class="dropup">
                <button class="btn btn-default dropdown-toggle  mydropdown-btn" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    其他单位
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu my-menu" aria-labelledby="dropdownMenu1">
                    <li><a href="#">其他单位</a></li>
                </ul>
            </div>
            <!--bootStrap的下拉菜单结束-->
        </div>
        <div class="wx-logo">
            <a href="javascript:void (0)" class="logo"></a>
            <a href="javascript:void(0)" class="QR-code"></a>
        </div>
    </div>
</div>
</body>
<script language="JavaScript">
    $(function () {
        var selected_li=$(".max-wrap .nav .nav-table .table-wrap>.selected");
        function gt_change1(){
            if(selected_li.children(".li-wrap").length>0){
                selected_li.children(".gt").addClass("select");
            } else{
                selected_li.children(".gt").addClass("no-select");
            }
        }
        gt_change1();
        $(".max-wrap .nav .nav-table .table-wrap .parent>.gt").addClass('select');

        $(".header_two .first-ul .first-ulli").hover(function(){
            var that=$(this);
            timer = setTimeout(function () {
                //that.find('ul').slideDown(200);
                that.children(".second-ul").slideDown(200);
            }, 200);
        },function () {
            var that=$(this);
            that.children(".second-ul").slideUp(200);
            clearTimeout(timer);
        });
    })
</script>
<script src="./js/bootstrap.min.js"></script>
</html>
